<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>goodsList</title>
    <link rel="stylesheet" href="assets/css/public.css">
    <link rel="stylesheet" href="assets/css/apply.css">
    <link rel="stylesheet" href="assets/css/chushi.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>
    <div class="wrap">
        <div class="IndexBox">
            <p class="titles">商品明细</p>
            <div class="line"></div>
            <div>
                <div class="detail-img">
                    <img src="assets/images/detail1.png" alt="">
                </div>
                <div class="detail-right">
                    <div>
                        <ul class="goods-list-detail">
                            <li>
                                <p>名称</p><span>光电12导心电图用记录纸有格</span>
                            </li>
                            <li>
                                <p>规格</p><span>210*140</span>
                                <p>单位</p><span>卷</span>
                            </li>
                            <li>
                                <p>包装说明</p><span>无</span>
                            </li>
                            <li>
                                <p>产地</p><span>武汉</span>
                            </li>
                            <li>
                                <p>请领次数</p><span>20</span>
                            </li>
                            <li>
                                <p>当前库存</p><span>1500</span>
                                <p style="margin-left: 40px;">参考价格</p><span>15 元</span>
                            </li>
                            <li>
                                <p>请领数</p>
                                <div class="addcar add-car-height" style="display: inline-flex;">
                                    <input class="num-jian" type="button" value="-">
                                    <input class="numinput" type="text" value="1">
                                    <input class="num-add" type="button" value="+">
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <input class="add-car" type="button" value="加入申领车">
                        <input class="go-mycar" type="button" value="去我的申领车">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $(".num-jian").click(function () {
                var t = $(this).parent().find('input[class*=numinput]');
                t.val(parseInt(t.val()) - 1);
                if (parseInt(t.val()) < 0) {
                    t.val(0);
                }

            });

            $(".num-add").click(function () {
                var t = $(this).parent().find("input[class*=numinput]");
                t.val(parseInt(t.val()) + 1);
            });
        })
    </script>
</body>

</html>